اضافة اداة ترحيب بالفيديو لمدونتك بطريقة احترافية

السلام عليكم ورحمة الله وبركاته

أقدم لكم اضافة مميزة وجميلة جداً يقدمها أحد المواقع المجانية تستطيع استخدامها في موقعك أو مدونتك

ألا وهي اضافة اداة ترحيب بالفيديو في مدونتك بطريقة احترافية وبشخصية بشرية حقيقية 

ستجد مثل هذه الإضافة في شبكة مطور لأخبار التقنية

وهي اضافة جميلة جداً أنصحكم بتركيبها في مدونتكم لتعطي شكلاً جذاباً لها وايضاً قد تعطي مصداقية لمدونتك وايضاً ستجلب لك الزوار وستنال اعجابهم وسيأتون لمدونتك ليروها مرة أخري

----------

طريقة التركيب

أولاً: ادخل الى الموقع من هنا

• قم بإختيار الشخص الذي تريده أن يقدم الترحيب

• اضغط علي صورة الشخص الذي تريده

• ستجد كود انسخه وضعه في اداة جديدة في مدونتك كما هو موضح بالصورة

• اذهب الى تخطيط ثم اضف اداة جديدة Html/javascript

• اذهب الى مدونتك وستجد هذا الشخص وهو يقدم الترحيب في مدونتك

وبهذا تكون قد أضفت هذه الإضافة الجميلة لمدونتك
شاركونا بتعليقاتكم واستفساراتكم حول هذه الإضافة
في أمان الله

Mahmoud Ashour

5:17 ص

إقـرأ المزيـد..

أسهل طريقة لإضافة زر الصعود لأعلى المدونة بإحترافية 2013

السلام عليكم ورحمة الله وبركاته

أقدم لكم أسهل وأفضل طريقة لإضافة زر الصعود لأعلى المدونة بشكل احترافي

هذه الإضافة ستسهل من سرعة تصفح مدونتك فأنصحك بتركيبها في مدونتك

يمكنك معاينة هذه الإضافة هنا في مدونتى 'المستمع للمعلوميات'

طريقة التركيب

• من لوحة تحكم المدونة اختر تخطيط

• ثم اضف اداة html/javascript

ثم ضع بها هذا الكود

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" > var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="http://im33.gulfup.com/pIUN1.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol"> '+mainobj.controlHTML+'</div> ') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'Scroll Back to Top'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>
أرجو أن تكون أعجبتكم هذه الإضافة الرائعة ولا تنسونا بتعليقاتكم وارائكم المشجعة  في أمان الله

Mahmoud Ashour

6:39 ص

إقـرأ المزيـد..

طريقة تقسيم اداة في بلوجر الى أداتين بجزئين 2013

السلام عليكم ورحمة الله وبركاته

أقدم لكم أسهل طريقة لتقسيم اداة في بلوجر الى اداتين بجوار بعضهما 

هذه الطريقة تساعد في تنسيق مدونتك, فهذه الأداة قد تستخدمها في عرض الاعلانات وبذلك ستعرض اعلانين مع بعضهما

أو تستخدمها في اضافة أكواد وبذلك ستضع كودين بدلاً من واحد وهذا يسرع من مدونتك

نأتى الآن للشرح

طريقة التركيب

• من لوحة التحكم اختر تخطيط

• اضف اداة html/javascript 

ضع بها هذا الكود

<div style="width: 45%; float: left;"> ضع هنا الكود الذي تريد - الجهة اليسرى </div> <div style="width: 45%; float: right;"> ضع هنا الكود الذي تريد - الجهة اليمنى </div> <div style="clear: both;"> </div> وبذلك ستضيف قطعتين من "اضافة اداة" بجوار بعضهما بدون أن تثقل مدونتك بكثرة الإضافات وتجعلها بطيئة التصفح أتمنى يكون أعجبكم الشرح ولا تنسونا بتعليقاتكم المشجعة ونرجو ان تنضموا الى متابعين المدونة ليصلكم جديدنا في أمان الله

Mahmoud Ashour

7:52 ص

إقـرأ المزيـد..

اضافة كود عيدكم مبارك اسفل المدونة 2014

السلام عليكم ورحمة الله وبركاته

كل عام وانتم بخير .. بمناسبة قدوم عيد الفطر المبارك أقدم لكم هذه الإضافة الرائعة 

وهي اضافة كود عيدكم مبارك أسفل شمال المدونة بشكل رائع واحترافي

يمكنكم معاينة الإضافة في مدونتي من هنا

طريقة التركيب

• من لوحة التحكم اختر تخطيط

• اختار اضافة اداة جديدة HTML/JavaScript

• ضع بها هذا الكود

<a href="http://mostam3.blogspot.com"><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1whRUjOeoj51mdUnC0N5NGaXRpfdO3uHDO9zJD7eYpyfY_igjiAlvN-icW20TTyqvaXsYh4M4bX70iR6-2Z-_iv9dZMAQxefI7L3C2KTrG11NWRZDj1sKld1_7FyS53VPHRCFR35Yfepj/s1600/best+blogger+tips.png" /></a><div style="position: fixed; top: 80%; left: 3%;"> <a href="http://mostam3.blogspot.com" rel="nofollow" target="_blank"><img alt="Blog Tips" src="http://im40.gulfup.com/ZzaIZ.png" /></a></div> مع تغيير رابط مدونتي http://mostam3.blogspot.com برابط مدونتك  اتمنى تكون الإضافة اعجبتكم وكل عام وانتم بخير عيد سعيد علينا وعليكم بإذن الله في أمان الله

Mahmoud Ashour

6:45 م

إقـرأ المزيـد..

اضافة استطلاع احترافي لمدونك ببلوجر 2014

السلام عليكم ورحمة الله وبركاته

أقدم لكم طريقة اضافة استطلاع رأي احترافي لمدونتك ببلوجر

هذه الإضافة مميزة باحترافيتها واناقتها وشكلها الجذاب

هذه الإضافة ستجذب انتباه الزائر وتجعله يصوت على الإستطلاع بدلاً من اهماله

يمكنكم معاينة الإضافة في مدونتي المستمع للمعلوميات
شاركونا في استطلاعنا حول رأيك بمدونتنا
لتركيب هذا الإستطلاع الإحترافي لمدونتك اضغط هنا
• في خانة Question ضع عنوان سؤالك
• في خانات Answers ضع اجابات سؤالك
• اذا كنت تريد وضع اجابة اضافية اضغط على add Answers
• ثم ضع ايميلك في يمين الصفحة
• أخيراً اضغط على save poll وستجد كود انسخه ثم قم باضافته في اداة جديدة في مدونتك
-----
أتمني تكون اعجبتكم هذه الإضافة واستفدتم بها 
شاركونا بتعليقاتكم واستفساراتكم حول هذه الإضافة 
في امان الله

Mahmoud Ashour

6:51 م

إقـرأ المزيـد..

حصرياً طريقة تغيير شكل الماوس بمدونتك بأشكال احترافية

السلام عليكم ورحمة الله وبركاته

أقدم لكم حصرياً طريقة تغيير شكل الماوس أو المؤشر بمدونتك لأشكال احترافية

طريقة التركيب كما عودناكم سهلة جداً

للمعاينة والتركيب اضغط هنا

بعد الدخول يمكنك اختيار شكل المؤشر الذي تريده

ثم انسخ الكود الموجود وضعه في اداة جديدة بمدونتك

أخيراً اتمنى ان تكون اعجبتكم هذه الإضافة الجميلة شاركونا بتعليقاتكم وارائكم حولها

في أمان الله 

Mahmoud Ashour

4:58 ص

إقـرأ المزيـد..

حصرياً اضافة اداة البيج رانك بشكل احترافي

السلام عليكم ورحمة الله وبركاته

أقدم لكم اليوم حصرياً طريقة اضافة اداة البيج رانك بشكل احترافي مذهل لم يسبق له مثيل 

هذه الإضافة رائعة ستبهرك وتبهر الزوار

طريقة التركيب سهلة جدا جدا

للمعاينة والتركيب اضغط هنا

بعد الدخول تستطيع معاينة هذه الإضافة الرائعة

• في خانة Customize widget ضع رابط موقعك أو مدونتك 

• ثم اختر شكل ولون الإضافة الذي تريده

• ثم انسخ الكود الموجود وضعه في اداة جديدة في مدونتك 

أتمنى تكون الإضافة اعجبتكم وافادتكم شاركونا بتعليقاتكم وارائكم حول الإضافة

في أمان الله

Mahmoud Ashour

4:46 ص

إقـرأ المزيـد..

حصرياً طريقة اضافة التقويم الميلادي لمدونتك بشكل احترافي

السلام عليكم ورحمة الله وبركاته

أقدم لكم اليوم وبشكل حصري طريقة اضافة التقويم الميلادي لمدونتك أو موقعك بشكل احترافي جذاب يلفت الإنتباه ويبهر اصدقائك

طريقة التركيب سهلة جداً 

للمعاينة والتركيب اضغط هنا

بعد الدخول أختر لون الإضافة الذي تريده

ثم انسخ الكود الموجود وضعه في اداة جديدة في مدونتك

أتمنى يكون أعجبكم هذا الموضوع ولا تبخلوا علينا بتعليقاتكم وارائكم المشجعة

في أمان الله

Mahmoud Ashour

4:33 ص

إقـرأ المزيـد..

اضافة احصائيات مدونتك بشكل احترافي راائع

السلام عليكم ورحمة الله وبركاته 

أقدم لكم اضافة جميلة وأنيقة لأصحاب الذوق العالى ألا وهي اضافات احصائيات مدونتك أو موقعك بشكل احترافي يجذب الأنظار ويلفت انتباه الزوار, الإضافة جميلة جداً أنصحكم بتركيبها في مدونتكم

لمعاينة الإضافة ستراها في الموقع المذكور أدناه

لتركيب الإضافة في مدونتك اتبع الشرح الآتي

أولاً: للتركيب والمعاينة ندخل لهذا الموقع من هنا

سنشرح الموقع بالترتيب

• في Preview يمكنك معاينة الإضافة

• بعد ذلك في Customize widget ضع في الخانة الأولى Text عنوان مثل "احصائيات" او اتركها كما هي

وفي الخانة الثانية Your website ضع رابط موقعك أو مدونتك

• وفي Select style اختر شكل الإضافة

• وفي Select color اختر لون الإضافة

• وفي Select counters اختر ماذا تريد ان يراه الزوار من احصائيات عدد الزوار, المتواجدين الآن ,,الخ

وأخيراً ستجد بالأسفل الكود الخاص بالإحصائيات انسخه ثم قم باضافته لمدونتك في أداة جديدة

أتمنى أني أكون قد وفقت في الشرح وأتمنى يكون أعجبتكم وافادتكم هذه الإضافة

شاركونا بتعليقاتكم واستفساراتكم على الموضوع

في أمان الله

Mahmoud Ashour

5:25 ص

إقـرأ المزيـد..

اضافة تابعني عبر المواقع الاجتماعيه على شكل قائمة مترو Metro

السلام عليكم ورحمة الله وبركاته

سوف نقوم بإضافة " قائمه المتابعه عبر المواقع الاجتماعيه على شكل Metro " لمدونات بلوجر بشكل جديد بل بأشكال جديدة وبعدة ألوان مصممة حسب ذوقكم والتي تظفي جمالية أكثر لمدونات بلوجروتزيدها احترافيه , تحتوي هذه الاضافه على قائمه افقيه متعددة الالوان تشمل اشهر مواقع التواصل الاجتماعي twitter ,Facebook ,Google+,feedburner, LinkedIn والذي بدورها تساهم في توسع مدونتك وزيادة متابعيها وزوارها

أنصحكم بوضع هذه الإضافة إما في أعلى المدونة أو أسفلها لكي يراها الزائر وتلفت انتباهه

طريقة اضافة هذه الإضافة لمدونتك

1- انتقل إلى لوحة تحكم مدونتك

2- إختر "تخطيط" ثم إضافة أداة ثم اختر HTML/Javascript

3- والآن الصق داخل المستطيل الكود التالي

<style> .Mbt-Social-metro { width: 960px; float: right; margin: 0; padding: 1em 0; } .Mbt-Social-metro ul { margin: 0; padding: 0;} .Mbt-Social-metro ul li { list-style:none; list-style-type: none; padding: 0; text-transform: none; margin:0; float: right; display: inline-block; width: 20%; } .Mbt-Social-metro ul li a { font-size:80%; text-align : center; color: #fff!important; display:block; } .Mbt-Social-metro ul li a:hover { color: #000!important; background-color: #e5e5e5; text-decoration: none; } idc-scoail ul li a, ul li a:hover { -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .Mbt-Social-metro ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 30px; padding: 10px 50px;} .Mbt-Social-metro ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 30px; padding: 10px 50px; } /* width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .Mbt-Social-metro ul li { width: 50%; } } /* width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .Mbt-Social-metro ul li { width: 50%; } } /* width of 320px */ @media only screen and (max-width: 480px) { .Mbt-Social-metro ul li { width: 100%; } } </style> <div class='Mbt-Social-metro'> <ul> <li><a class='rss' href='http://feeds.feedburner.com/albaadani'>اشترك معنا عبر الخلاصات</a></li> <li><a class='twitter' href='https://twitter.com/albaadani1'>تابعتي على تويتر twitter</a></li> <li><a class='facebook' href='https://www.facebook.com/alb33dani'>تواصل معي عبر فيس بوك</a></li> <li><a class='google' href='https://plus.google.com/115387305017738790650'>تابعني على جوجل بلس</a></li> <li><a class='linkedin' href='http://in.linkedin.com/in/jalal-albaadani'>LinkedIn تواصل مع على </a></li> </ul> </div>

مع تغيير الإضافة روابط الإضافة بحسب ما يناسب مدونتك

اذا أعجبتك الإضافة فلا تبخل علينا بتعليقك على الموضوع 

في أمان الله

Mahmoud Ashour

2:57 م

إقـرأ المزيـد..

كود التبادل الإعلاني النصي الرائع والإحترافي

السلام عليكم ورحمة الله وبركاته

ان كثيراً من المدونين يعتمدون في اشهار مدوناتهم أو مواقعهم من خلال التبادلات الإعلانية 

ولكن ربما واجهتهم مشكلة , وهي أن شكل صندوق التبادل النصي لا يجذب الزائر وهذا لا يأتى بفائدة للمعلن ويضطر لالغاء التبادل

واليوم أتيت لكم بكود خاص بالتبادل الإعلاني النصي مميز جدا ورائع واحترافي يجذب الزوار

يمكنك تغيير اللون لاي لون تريد لون الخلفية او لون مرور الفأرة على الإعلان وذالك لتجعله متناسقا مع مدونتك

صورة لشكل الكود

طريقة التركيب سهلة جدا فقط قم بإضافة أدة جديدة ثم ضع فيها هذا الكود

<style type='text/css'> #navlist { margin: 0px auto 0px auto; padding: 0px; list-style-type: none; float: center; display: block; } #navlist a { font-family: "DroidKufi-Regular"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#B6D721; border: 1px solid #B6D721; font-size: 10pt; text-decoration: none; color: #fff; display: block; text-align: center; line-height: 30px; padding-right: 0px; margin-right: 0px; } #navlist a:hover { font-family: "DroidKufi-Regular"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#6EA611; border:1px solid #6EA611; font-size: 12pt; text-decoration: none; color: #000000; display: block; text-align: center; line-height: 30px; padding-right: 0px; margin-right: 0px; } </style> <ul id='navlist'> <table align='center' width='100 %'> <tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='' target='_blank'>أعلن هنا</a> </td> </tr> </table> <table align='center' width='100%'> <tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td></tr> <table align='center' width='100%'> <tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td></tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> </table> <table align='center' width='100%'> <tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td></tr> <table align='center' width='100%'> <tr> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='/' target='_blank'>إعلانك هنا</a> </td></tr> </table> </table> </table> </ul> <div class='clear'> </div>

وهكذا يكون قد تم اضافة الكود المميز لمدونتك أرجو أن ينال اعجابكم

واذا عندك استسفار او تعليق ضع تعليقاً على الموضوع 

في أمان الله

Mahmoud Ashour

2:45 ص

إقـرأ المزيـد..

أسهل طريقة لتغيير أيقونة بلوجر

السلام عليكم ورحمة الله وبركاته

الكثير من المدونين يحتاجون الى تغيير ايقونة مدونتهم, ربما لتمييز المدونة أو اعطائها شكلاً فريد

واليكم أسهل طريقة لتغيير أيقونة مدونتكم في المتصفحات وهذا مثال

طريقة التركيب

من لوحة التحكم اذهب الى تحرير القالب

نضغط  ctrl+f ونبحث عن هذا الكود

<b:skin> ثم ضع قبله مباشرة هذا الكود <link href='رابط الأيقونة يوضع هنا' rel='shortcut icon' type='image/vnd.microsoft.icon'/> مع تغيير "رابط الأيقونة يوضع هنا" برابط مباشر للأيقونة وهذا موقع يقدم أيقونات مجانية رائعة ومميزة اضغط هنا اذا أعجبك الموضوع فلا تبخل علينا بالرد والإستفسارات

Mahmoud Ashour

6:19 ص

إقـرأ المزيـد..